<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Fabra i Verge - Formulari de Contacte</title>
<script src="js/Contactformvalidation.js"></script>

<script>
	required.add('Nom_Complert', 'NOT_EMPTY', 'Nom Complert');
	required.add('Email', 'EMAIL', 'Email');
	required.add('El_seu_missatge', 'NOT_EMPTY', 'El seu missatge');
	required.add('AntiSpam', 'NOT_EMPTY', 'Pregunta Anti-Spam ');
</script>
<link rel="stylesheet" type="text/css" href="css/Contactform.css">
</head>
<body>
	<form name="Contactform" method="post"
		action="Contactformprocess.php"
		onsubmit="return validate.check(this)">
		<div class="clsImatgesServeis">
			<table class="Contactform">
				<tr>
					<td colspan="2">
						<!-- <div class="Contactformheader">Formulari de Contacte</div> -->
						<h1>Formulari de Contacte</h1>

						<div class="Contactformmessage">
							Els camps marcats amb <span class="required_star"> * </span> són
							obligatoris.
						</div>

					</td>
				</tr>
				<tr>
					<td valign="top"><label for="Nom_Complert"
						class="not-required">Nom Complert<span
							class="required_star"> * </span>
					</label></td>
					<td valign="top"><input type="text" name="Nom_Complert"
						id="Nom_Complert" maxlength="80" style="width: 230px"></td>
				</tr>
				<tr>
					<td valign="top"><label for="Email" class="not-required">Email<span
							class="required_star"> * </span></label></td>
					<td valign="top"><input type="email" name="Email" id="Email"
						maxlength="100" style="width: 230px"></td>
				</tr>
				<tr>
					<td valign="top"><label for="Telefon" class="not-required">Telèfon</label>
					</td>
					<td valign="top"><input type="text" name="Telefon"
						id="Telefon" maxlength="100" style="width: 230px"></td>
				</tr>
				<tr>
					<td valign="top"><label for="El_seu_missatge"
						class="not-required">El seu missatge<span
							class="required_star"> * </span>
					</label></td>
					<td valign="top"><textarea style="width: 230px; height: 160px"
							name="El_seu_missatge" id="El_seu_missatge" maxlength="2000"></textarea>
					</td>
				</tr>
				<tr>
					<td colspan="2" style="text-align: center">
						<div class="antispammessage">
							Per a previndre l'enviament de correu brossa, siusplau, respongui
							la següent pregunta <br /> <br />
							<div class="antispamquestion">
								<span class="required_star"> * </span> Empri només números,
								quant és 10 + 15? &nbsp; <input type="text" name="AntiSpam"
									id="AntiSpam" maxlength="100" style="width: 30px">
							</div>
						</div>
					</td>
				</tr>
				<tr>
					<td colspan="2" style="text-align: center"><br /> <br /> <input
						id="submit" type="submit" value=" Enviar " style="width: 200px; height: 40px">
						<br /> <br /> <br /> <br /></td>
				</tr>
			</table>
		</div>
	</form>
</body>
</html>